<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Chat</title>
	<link rel="stylesheet" href="css/basic.css" type="text/css" >
	<script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
	<script type="text/javascript" src="js/basic.js"></script>
	<script type="text/javascript" src="js/face.js"></script>
</head>
<body>
<div id="layout-container">
	<div id="layout-main">
		<div id="header">
			<div style="float: right;margin: 17px 15px 4px 0px;">
				<div title="退出" class="iconfont" onclick="chat.logout()" style="height: 26px;width: 26px;color: #EDF7FF;font-size: 26px;line-height: 26px;cursor: pointer;"></div>
			</div>
			<div class="search-bar-wraper" style="width: 432px; text-align: center"><span class="chat-window-name"></span></div>
		</div>
		<div id="body">
			<div id="menu-pannel">
				<div class="profile"></div>
				<ul class="main-menus" id="main-menus"></ul>
			</div>
			<div id="menu-pannel-body">
				<div id="sub-menu-pannel" class="conv-list-pannel">
					<div class="conv-lists-box" id="user-lists">
						<div class="conv-lists" id="conv-lists"></div>
					</div>
				</div>
				<div id="content-pannel">
					<div class="conv-detail-pannel">
						<div class="nocontent-logo" style="display:none;" >
							<div>
								<img alt="欢迎" src="images/noimg.png">
							</div>
						</div>
						<div class="content-pannel-body chat-box-new" id="chat-box">
							<div class="main-chat chat-items" id="chat-lists">
								<div class="msg-items" id="chatLineHolder"></div>
							</div>
						</div>
						<div>
							<div class="send-msg-box-wrapper">
								<div class="input-area" style="display:none;">
									<ul class="tool-bar">
										<li class="tool-item">
											<i class="iconfont tool-icon tipper-attached emotion_btn" title="表情"></i>
											<div class="faceDiv"></div>
										</li>
									</ul>
									<span class="user-guide">Enter 发送 , Ctrl+Enter 换行</span>
									<div class="msg-box" style="height:100%;">
										<textarea class="textarea input-msg-box" onkeydown="chat.keySend(event);" id="chattext"></textarea>
									</div>
								</div>
								<div class="action-area" style="display:none;">
									<a href="javascript:;" class="send-message-button" onclick="chat.sendMessage()">发送</a>
								</div>
								<div id="loginbox" class="area" style="width:100%;text-align:center;display:block;">
									<form action="javascript:void(0)" onsubmit="return chat.doLogin('','');">
										<div class="clearfix" style="margin-top:35px">
											<input name="name" id="name" style="margin-right:20px;width:250px;" placeholder="请输入昵称" class="fm-input" value="test" type="text">
											<input id="email" class="fm-input" style="margin-right:20px;width:250px;" name="email" placeholder="请输入Email" value="email@em.cn" type="text">
											<button type="submit" class="blue big">登录</button>
										</div>

									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>